<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page session="true"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/app.css?v=0.2.11">
<script
	src="${pageContext.request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.mobile-1.4.2.min.js"></script>
<script
	src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/google-map-georef.js?v=0.2.11"></script>

<title>Actualizar Georeferencias</title>
</head>
<body>

	<div data-role="page" data-theme="a">
		<div data-role="header" data-position="fixed" data-id="header">
			<h1>Propiedades pendientes de Geolocalización</h1>
			<a data-iconpos="notext" data-icon="home"
				href="${pageContext.request.contextPath}/index_gerente"></a>
		</div>
		<div id="divActualizarCampos" class="fulldiv">
			<h2>Sin georeferenciar</h2>

			<table class="outputTable">
				<tr>
					<th>Número #</th>
					<th>Metros Cuadrados</th>
					<th>Dirección</th>

				</tr>
				<c:forEach items="${listaPropiedadesSinGeoref}" var="propiedadLista">

					<tr
						onclick="window.location='${pageContext.request.contextPath}/actualizar_georeferencia/${propiedadLista.numero}';"
						class="clickable-tr ${(propiedad.id==propiedadLista.id)?'selected':''}">
						<td><c:out value="${propiedadLista.numero}"></c:out></td>
						<td><fmt:formatNumber
								value="${propiedadLista.metrosCuadrados}" maxFractionDigits="2"
								minFractionDigits="0"></fmt:formatNumber></td>
						<td><c:out value="${propiedadLista.direccion}"></c:out></td>

					</tr>
				</c:forEach>
			</table>
			<table class="outputTable">
				<h2>Georeferenciadas</h2>
				<tr>
					<td>Rut Propietario</td>
					<td><input></td>
				</tr>
				<tr>
					<th>Número #</th>
					<th>Metros Cuadrados</th>
					<th>Dirección</th>

				</tr>
				<c:forEach items="${listaPropiedadesConGeoref}" var="propiedadLista">

					<tr
						onclick="window.location='${pageContext.request.contextPath}/actualizar_georeferencia/${propiedadLista.numero}';"
						class="clickable-tr ${(propiedad.id==propiedadLista.id)?'selected':''}">
						<td><c:out value="${propiedadLista.numero}"></c:out></td>
						<td><fmt:formatNumber
								value="${propiedadLista.metrosCuadrados}" maxFractionDigits="2"
								minFractionDigits="0"></fmt:formatNumber></td>
						<td><c:out value="${propiedadLista.direccion}"></c:out></td>

					</tr>
				</c:forEach>

			</table>
		</div>
		<div id="divUpdateValues" class="fulldiv">
			<form:form
				action="${pageContext.request.contextPath}/actualizar_georeferencia"
				method="POST" data-ajax="false">
				
				
				

				<div class="centered-content">
					<h2>Datos de la propiedad:</h2>
					<table class="outputTable">
						<tr>
							<td>Número :</td>
							<td><form:input path="numero" name="numero"></form:input>
							</td>
						</tr>
						<tr>
							<td>Metros Cuadrados :</td>
							<td><form:input path="metrosCuadrados" name="metrosCuadrados"></form:input><%-- <fmt:formatNumber value="${propiedad.metrosCuadrados}"
									maxFractionDigits="2" minFractionDigits="0"></fmt:formatNumber> --%>
							</td>
						</tr>
						<%-- <tr>
							<td>Fecha de ingreso :</td>
							<td><form:input path="fechaIngreso"></form:input><fmt:formatDate value="${propiedad.fechaIngreso}"
									pattern="dd/MM/yyyy HH:mm" timeZone="GMT-4" /></td>
						</tr> --%>
						<tr>
							<td>Comuna :</td>
							<td><input type="hidden" id="comuna"
								value="${propiedad.comuna.nombre}">${propiedad.comuna.nombre}</td>
						</tr>
						<tr>
							<td>Tipo de propiedad :</td>
							<td>${propiedad.tipoPropiedad.nombre}</td>
						</tr>
						<tr>
							<td>Valor :</td>

							<td>${propiedad.valorEnUf?'UF':'$'}&nbsp;<c:if
									test="${propiedad.valorEnUf}">
									<c:set var="decimales">2</c:set>
								</c:if> <c:if test="${not propiedad.valorEnUf}">
									<c:set var="decimales">0</c:set>
								</c:if> <fmt:formatNumber value="${propiedad.valor}"
									maxFractionDigits="${decimales}"
									minFractionDigits="${decimales}"></fmt:formatNumber>
							</td>
						</tr>

						<tr>
							<td>Rut Propietario :</td>
							<td>${propiedad.propietario.rut}</td>
						</tr>

						<%-- <tr>
							<td>Propietario :</td>
							<td><select name="persona">
									<c:forEach items="${selectAllPerson}" var="persona">
										<option value="${persona.id}">${persona.nombre}</option>
									</c:forEach>	
							</select></td>
						</tr> --%>



						<%-- 	<tr>
							<td>Agente :</td>
							<td><select name="agente">
									<c:forEach items="${listaAgentes}" var="agente">
										<option value="${agente.id}">${agente.persona.nombre}</option>
									</c:forEach>
							</select></td>
						</tr> --%>
						<tr>
							<td>Dirección :</td>
							<td><input type="hidden" id="direccion"
								value="${propiedad.direccion}">${propiedad.direccion}</td>
						</tr>


						<tr>
							<td colspan="2"><div id="map-canvas"
									style="width: 490px; height: 300px;"></div></td>
						</tr>
						<tr>
							<td></td>
							<td><button type="submit"
									class="ui-btn ui-icon-check ui-btn-icon-right">Guardar</button></td>
						</tr>

					</table>
				</div>
				<input type="hidden" name="latitud" id="latitud" />
				<input type="hidden" name="longitud" id="longitud" />
				<input type="hidden" name="numeroPropiedad" id="numeroPropiedad"
					value="${propiedad.numero}" />
				
			</form:form>
		</div>






	</div>







</body>
</html>